home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2006 May / PCWMAY06.iso / Software / Freeware / First Page 2006 3.00 / fp2006-final-3.00-setup.exe / {app} / Iscripts / Forms Misc / limit-boxes.izs < prev    next >
Text File  |  2005-09-28  |  3KB  |  137 lines
  1. <!NOWIZARD>
  2.  
  3. <!TITLE>Limit Boxes 
  4.  
  5. <!/TITLE>
  6.  
  7. <!DESCRIPTION>Limits the number of checkboxes that the user is able to check on your site. Ideal for situations when more than one selection is allowed up to a certain number overall. If they select too many, they are notified of the maximum allowed and their last entry becomes unchecked. <!/DESCRIPTION> 
  8.  
  9. <!CATEGORY>Forms<!/CATEGORY>
  10.  
  11. <!SCRIPT>
  12. <!-- START OF SCRIPT -->
  13.  
  14.  
  15.  
  16. <!-- HOW TO INSTALL LIMIT BOXES:
  17.  
  18.   1.  Copy code into the HEAD section of document
  19.   2.  Put last coding into the BODY section of document  -->
  20.  
  21. <!-- STEP ONE: Add code into HEAD section of document  -->
  22.  
  23. <HEAD>
  24.  
  25. <SCRIPT LANGUAGE="JavaScript">
  26. <!-- Original:  Glenn Wang (brief@ix.netcom.com) -->
  27. <!-- Web Site:  http://capsule.bayside.net/ -->
  28.  
  29. <!-- Modified by Ronnie T. Moore (Evrsoft) -->
  30.  
  31.  
  32. <!-- Begin
  33. function countChoices(obj) {
  34. max = 2; // max. number allowed at a time
  35.  
  36. box1 = obj.form.box1.checked;  // your checkboxes here
  37. box2 = obj.form.box2.checked;
  38. box3 = obj.form.box3.checked;  // add more if necessary
  39.  
  40. count = (box1 ? 1 : 0) + (box2 ? 1 : 0) + (box3 ? 1 : 0);
  41. // If you have more checkboxes on your form
  42. // add more  (box_ ? 1 : 0)  's separated by '+'
  43.  
  44. if (count > max) {
  45. alert("Oops!  You can only choose up to " + max + " choices! \nUncheck an option if you want to pick another.");
  46. obj.checked = false;
  47.    }
  48. }
  49. //  End -->
  50. </script>
  51. </HEAD>
  52.  
  53. <!-- STEP TWO: Add code into BODY section of document  -->
  54.  
  55. <BODY>
  56.  
  57. <center>
  58. <form>
  59. Please choose up to 2 sections:
  60. <p>
  61. <input type=checkbox name=box1 onClick="countChoices(this)">Section 1
  62. <p>
  63. <input type=checkbox name=box2 onClick="countChoices(this)">Section 2
  64. <p>
  65. <input type=checkbox name=box3 onClick="countChoices(this)">Section 3
  66. <p>
  67. </form>
  68. </center>
  69.  
  70.  
  71. <!-- END OF SCRIPT -->
  72. <!/SCRIPT>
  73.  
  74. <!PREVIEW>
  75. <!-- START OF SCRIPT -->
  76.  
  77.  
  78. <!-- HOW TO INSTALL LIMIT BOXES:
  79.  
  80.   1.  Copy code into the HEAD section of document
  81.   2.  Put last coding into the BODY section of document  -->
  82.  
  83. <!-- STEP ONE: Add code into HEAD section of document  -->
  84.  
  85. <HEAD>
  86.  
  87. <SCRIPT LANGUAGE="JavaScript">
  88. <!-- Original:  Glenn Wang (brief@ix.netcom.com) -->
  89. <!-- Web Site:  http://capsule.bayside.net/ -->
  90.  
  91. <!-- Modified by Ronnie T. Moore (Evrsoft) -->
  92.  
  93.  
  94. <!-- Begin
  95. function countChoices(obj) {
  96. max = 2; // max. number allowed at a time
  97.  
  98. box1 = obj.form.box1.checked;  // your checkboxes here
  99. box2 = obj.form.box2.checked;
  100. box3 = obj.form.box3.checked;  // add more if necessary
  101.  
  102. count = (box1 ? 1 : 0) + (box2 ? 1 : 0) + (box3 ? 1 : 0);
  103. // If you have more checkboxes on your form
  104. // add more  (box_ ? 1 : 0)  's separated by '+'
  105.  
  106. if (count > max) {
  107. alert("Oops!  You can only choose up to " + max + " choices! \nUncheck an option if you want to pick another.");
  108. obj.checked = false;
  109.    }
  110. }
  111. //  End -->
  112. </script>
  113. </HEAD>
  114.  
  115. <!-- STEP TWO: Add code into BODY section of document  -->
  116.  
  117. <BODY>
  118.  
  119. <center>
  120. <form>
  121. Please choose up to 2 sections:
  122. <p>
  123. <input type=checkbox name=box1 onClick="countChoices(this)">Section 1
  124. <p>
  125. <input type=checkbox name=box2 onClick="countChoices(this)">Section 2
  126. <p>
  127. <input type=checkbox name=box3 onClick="countChoices(this)">Section 3
  128. <p>
  129. </form>
  130. </center>
  131.  
  132.  
  133. <!-- END OF SCRIPT -->
  134. <!/PREVIEW>
  135.  
  136. <!RELATED>NONE<!/RELATED>
  137.